// 录取概率
// <div class="block-chance">
//   <h6></h6>
//   <p></p>
//   <span></span>
// </div>
// .block-chance{
//   display:flex;
//   flex-direction:column;
//   justify-content:center;
//   align-items: center;
//   // color:$stable-ad;
//   h6{
//     color:$stable-ad;
//     font-weight:normal;
//     @include lh(20)
//   }
//   p{
//     font-weight:bold;
//     font-size:30px;
//     @include lh(42)
//   }
//   span{
//     font-size:24px;
//     @include lh(33)
//   }
// }

// 黑色大标题
.block-title{
  color:#000;
  font-weight:bold;
  font-size:24px;
  @extend .ell;
  @include lh(33);
}

// 招生计划
// <div class="block-plan--new">
//   <h6></h6>
//   <p></p>
//   <span></span>
// </div>
// .block-plan--new{
//   display:flex;
//   flex-direction: column;
//   align-items:center;
//   h6{
//     font-size:18px;
//     height:25px; line-height:25px;
//     color:#69707F;
//   }
//   p{
//     color:$stable-ad;
//     height:17px; line-height:17px;
//     font-size:12px;
//   }
//   span{
//     height:42px; line-height:42px;
//     font-size:30px;  
//     font-weight:bold;
//     color:$table-b;
//     margin-top:8px;
//   }

// }

// <div class="block-plan--old">
//   <dl>
//     <dt></dt>
//     <dd></dd>
//   </dl>
// </div>
// .block-plan--old{
//   dl{
//     width:100%;
//     text-align:center;
//     dt{
//       font-size:14px;
//       height:24px; line-height:24px;
//       color:$stable-ad;
//     }
//     dd{
//       font-size:12px;
//       color:#69707F;
//       height:20px; line-height:20px;
//       cursor:pointer;
//    }
//   }
// }

// 大学下的专业或专业下的大学表格
.block-table--one{
  border:1px solid $line;
  >h6{
    background:#F7F7FB;
    height:22px; line-height:20px;
    font-weight:normal;
    font-size:14px;
    padding-left:10px;
    color:#69707F;
  }
  ul{
    border-top:1px solid $line;
    display:flex;
    flex-wrap:wrap;
    padding:4px 5px;
    li{
      width:50%;
      padding:4px 5px;
      >div{
        position:relative;
        cursor:pointer;
        height:22px; line-height:20px;
        border:1px solid $line;
        display:flex;
        padding-right:20px;
        color:$stable-ad;
        &:hover{
          border:1px solid $assertive;
          color:$assertive;
        }
        span{
          padding-left:5px;
          // color:$assertive;
          font-size:10px;
          min-width:50px;
        }
        p{
          color:#69707F;
          font-size:14px;
        }
        &:after{
          position:absolute; top:0px; right:0px;
          width:20px; text-align:center;
          content:"×";
          display:block;
        }
      }
    }
  }
}

/**
 * button
 */
// 大学、专业、备选库操作按钮
.block-btn{
  display: inline-flex;
  align-items:center;
  cursor:pointer;
  height:40px;
  padding:0 20px;
  border-radius:10px; font-size:18px;
  font-weight:normal;
  &_{
    @extend .block-btn;
    height:32px;
    padding:0 10px;
    font-size:14px;
  }
  &--blue,&--add{
    @extend .block-btn;
    border:1px solid $table-b;
    background:transparent; color:$table-b;
    &.active{
      background:$table-b; color:$light;
    }
  }
  &--blue_,&--blue_{
    @extend .block-btn_;
    border:1px solid $table-b;
    background:transparent; color:$table-b;
    &.active{
      background:$table-b; color:$light;
    }
  }
  &--del{
    @extend .block-btn;
    border:1px solid #d6d6d6;
    background:transparent; color:#d6d6d6;
    &:hover,&.active{
      border:1px solid $table-r;
      color:$table-r;
    }
  }
}
// 大学、专业、备选库等标题后面tag标签按钮
.block-tag{
  display: inline-flex; align-items:center;
  // cursor:pointer;
  height:20px;
  padding:0 2px;
  border-radius:2px; font-size:14px;
  font-weight:normal;
  &--orange,&--0{
    @extend .block-tag;
    border:1px solid $table-y;
    background:transparent; color:$table-y;
    &.active{
      background:$table-y; color:$light;
    }
  }
  &--green,&--1{
    @extend .block-tag;
    border:1px solid $table-g;
    background:transparent; color:$table-g;
    &.active{
      background:$table-g; color:$light;
    }
  }
  &--blue,&--2{
    @extend .block-tag;
    border:1px solid $positive;
    background:transparent; color:$positive;
    &.active{
      background:$positive; color:$light;
    }
  }
  &--red,&--3{
    @extend .block-tag;
    border:1px solid $table-r;
    background:transparent; color:$table-r;
    &.active{
      background:$table-r; color:$light;
    }
  }
  &--gray,&--4{
    @extend .block-tag;
    border:1px solid $stable-ad;
    background:transparent; color:$stable-ad;
    &.active{
      background:$stable-ad; color:$light;
    }
  }



/**
 * element UI
 */
// 表单
  /deep/ {
    .el-input__inner{
      border:none;
      border-radius: 40px;
      padding:0 20px;
    }
    .el-radio__inner{
      width:20px; height:20px;
      border-color:$light;
      background:transparent;
      &:after{
        width:20px !important; height:20px !important;
        content:"✔" !important;
        text-align:center !important;
        line-height:20px !important;
        color:$positive !important;
      }
    }
    .el-radio__label{
      color:$light;
    }
    &.radioBox{
      margin:10px 15px;
    }
  }


}




